<!--
	Created by   : jishasha
	Created time : 2017/04/01
	File explain : 趋恒材料卖家PC端交易帐务(项目)-月交易明细-实收款
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>交易帐务-交易帐务(项目)-月交易明细-实收款</title>
</head>
<link rel="stylesheet" href="../../libs/zui/css/zui.min.css">
<link rel="stylesheet" href="../../libs/bootstrap-table-dist/dist/css/bootstrap-table.min.css">
<link rel="stylesheet" href="../../libs/datetimepicker/css/datetimepicker.min.css">
<link rel="stylesheet" href="../../common/css/common.css">
<body>
<div class="cmn-main">
  <!-- 页头部分 包含：面包屑导航条、隐藏/显示条件按钮 -->
  <header class="cmn-header">
    <!-- 面包屑导航条 -->
    <div class="cmn-breadcrumb">
      <ul class="cmn-crumb">
        <li>
          <a class="cmn-active-breadcrumb" href="javascript:void(0)">交易账务</a>
        </li>
        <li>
          <i class="icon icon-angle-right"></i>
          <a class="cmn-active-breadcrumb" href="javascript:void(0)">交易账务（项目）/<span
            class="cmn-bread-project"></span></a>
        </li>
        <li>
          <i class="icon icon-angle-right"></i>
          <a class="cmn-root-breadcrumb" href="javascript:void(0)">月交易明细</a>
        </li>
      </ul>
    </div>
    <div class="cmn-change-container">
      <div class="btn-group">
        <button type="button" class="cmn-change-btn" id="id-buy-btn-rent"><a href="#">应收款</a></button>
        <button type="button" class="cmn-change-btn active">实收款</button>
      </div>
    </div>
  </header>
  <div class="cmn-query-container">
    <!-- 利用div块级元素特性进行换行 -->
    <!-- 查询条件名称及输入框组合 -->
    <div class="cmn-query-group cmn-query-search">
      <span class="cmn-query-name cmn-query-transaction">付款流水号 :</span>
      <div class="cmn-query-input">
        <input class="cmn-query-import" data-name="payNo"/>
      </div>
    </div>
    <div class="cmn-query-group cmn-query-search">
      <span class="cmn-query-name">付款方 :</span>
      <div class="cmn-query-input">
        <input class="cmn-query-import" data-name="payer"/>
      </div>
    </div>
    <!-- 查询按钮 -->
    <input class="cmn-query-btn" id="id-acc-query-btn" value="搜索" type="button"/>
    <!-- 清空条件按钮 -->
    <input class="cmn-empty-btn" id="id-acc-clear-btn" value="清空条件" type="button"/>
  </div>
  <!-- 主体部分 包含：bootstrapTable-->
  <div class="cmn-table-container">
    <main>
      <!-- bootstrapTable 服务器分页 开启分页模式-->
      <table class="table cmn-account-table" id="id-user-project-table"
             data-side-pagination="server"
             data-pagination="true"
             data-paination-list="[10,20]"
             data-striped="true">
        <thead class="cmn-account-head">
        <tr>
          <th data-field="index" data-align="center" data-valign="middle" data-width="8%">序号</th>
          <th data-field="projectName" data-align="left" data-valign="middle" data-width="125px">项目名称</th>
          <th data-field="payNo" data-align="center" data-valign="middle" data-width="">付款流水号</th>
          <th data-field="createdAt" data-align="center" data-valign="middle" data-width="">收款日期</th>
          <th data-field="totalPrice" data-align="right" data-valign="middle" data-width="">收款金额（元）</th>
          <th data-field="payer" data-align="center" data-valign="middle" data-width="">付款方</th>
        </tr>
        </thead>
      </table>
      <div class="cmn-table-pager"></div>
    </main>
  </div>
</div>
</body>
<script data-main="mater-month-trade-proreceipts" src="../../libs/require.js"></script>
</html>